<template>
	<view class="bg-snow">
		<view class="snow"></view>
	</view>
</template>

<script>
	export default {
		name: "bg-snow",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.bg-snow {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background-color: #132A3A;
		top: 0;
		left: 0;
		z-index: 1;

		.snow {
			width: 100%;
			height: 100%;
			background-size: 100% 100%;
			background: url();
			animation: animate-snow 9s linear infinite;
		}
	}

	@keyframes animate-snow {
		0% {
			background-position: center 0, 0 0;
		}

		100% {
			background-position: center 885rpx, 0 0;
		}
	}
</style>
